
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>订单统计</title>

    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

    <script>
        (function () {
            if (window !== window.top) {
                window.top.location.href = 'http://www.818tu.com';
            }
        })();
    </script>

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" />
    <link href="https://cdn.bootcss.com/webui-popover/2.1.15/jquery.webui-popover.min.css" rel="stylesheet">
    <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="//cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <link href="//cdn.bootcss.com/toastr.js/2.1.3/toastr.min.css" rel="stylesheet">
    <link href="//cdn.bootcss.com/blueimp-file-upload/9.18.0/css/jquery.fileupload.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/select2/4.0.3/css/select2.min.css" rel="stylesheet">

    <!-- page specific plugin styles -->
    <script src='https://novel.818tu.com/static/assets/js/jquery.min.js'></script>
    <script src="//cdn.bootcss.com/lodash.js/4.17.4/lodash.min.js"></script>
    <script src="//cdn.bootcss.com/moment.js/2.17.1/moment.min.js"></script>
    <script src="//cdn.bootcss.com/moment.js/2.17.1/locale/zh-cn.js"></script>
    <script src="//cdn.bootcss.com/numeral.js/2.0.6/numeral.min.js"></script>
    <script src="//cdn.bootcss.com/toastr.js/2.1.3/toastr.min.js"></script>
    <script src="//cdn.bootcss.com/Cookies.js/1.2.1/cookies.js"></script>
    <script src="//cdn.bootcss.com/knockout/3.4.1/knockout-min.js"></script>
    <script src="//cdn.bootcss.com/knockout.mapping/2.4.1/knockout.mapping.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
    <script src="//cdn.bootcss.com/jquery-validate/1.16.0/jquery.validate.min.js"></script>
    <script src="//cdn.bootcss.com/jquery-validation-unobtrusive/3.2.6/jquery.validate.unobtrusive.min.js"></script>
    <script src="//cdn.bootcss.com/clipboard.js/1.6.1/clipboard.min.js"></script>
    <script src="https://cdn.bootcss.com/select2/4.0.3/js/select2.min.js"></script>
    <script src="https://cdn.bootcss.com/select2/4.0.3/js/i18n/zh-CN.js"></script>
    <script src="https://novel.818tu.com/static/js/admin.js?v=21"></script>
    <script>
        moment.locale('zh-cn');

        toastr.options.positionClass = 'toast-bottom-right';

        $.fn.select2.defaults.set('language', 'zh-CN');
        $.fn.select2.defaults.set('minimumInputLength', 2);
    </script>

    <!-- text fonts -->
    <link rel="stylesheet" href="https://novel.818tu.com/static/assets/css/ace-fonts.css" />

    <!-- ace styles -->
    <link rel="stylesheet" href="https://novel.818tu.com/static/assets/css/ace.min.css" id="main-ace-style" />

    <!--[if lte IE 9]>
    <link rel="stylesheet" href="https://novel.818tu.com/static/assets/css/ace-part2.min.css" />
    <![endif]-->
    <link rel="stylesheet" href="https://novel.818tu.com/static/assets/css/ace-skins.min.css" />
    <link rel="stylesheet" href="https://novel.818tu.com/static/assets/css/ace-rtl.min.css" />
    <link href="https://novel.818tu.com/static/jgrowl/jquery.jgrowl.min.css" rel='stylesheet' />

    <!--[if lte IE 9]>
    <link rel="stylesheet" href="https://novel.818tu.com/static/css/ace-ie.min.css" />
    <![endif]-->

    <link rel="stylesheet" href="https://novel.818tu.com/static/css/admin.css?v=17"/>

    <!-- inline styles related to this page -->

    <!-- ace settings handler -->
    <script src="https://novel.818tu.com/static/assets/js/ace-extra.min.js"></script>

    <script>
        var __BASEURL = "https://novel.818tu.com/";
    </script>
</head>

<body class="no-skin">

<!-- #section:basics/navbar.layout -->
<div id="navbar" class="navbar navbar-default">
    <script type="text/javascript">
        try{ace.settings.check('navbar' , 'fixed')}catch(e){}
    </script>

    <div class="navbar-container" id="navbar-container">
        <!-- #section:basics/sidebar.mobile.toggle -->
        <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler">
            <span class="sr-only">Toggle sidebar</span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>
        </button>

        <div class="navbar-header pull-left">
            <a href="javascript:void(0);" class="navbar-brand">
                <small>
                    <i class="fa fa-cloud"></i> 小说分销平台
                </small>
            </a>
        </div>

        <!-- #section:basics/navbar.dropdown -->
        <div class="navbar-buttons navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">
                <li class="light-blue">
                    <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                        <img class="nav-user-photo" src="https://novel.818tu.com/static/assets/avatars/user.jpg" alt="Jason's Photo" />
                        <span class="user-info">
                  <small>你好,</small>
                  你会发光                </span>

                        <i class="ace-icon fa fa-caret-down"></i>
                    </a>

                    <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                        <li>
                            <a href="/backend/profile/index"><i class="fa fa-fw fa-user-circle"></i> 个人资料</a>
                        </li>
                        <li>
                            <a href="/backend/profile/password"><i class="fa fa-fw fa-key"></i> 修改密码</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="/backend/help/index"><i class="fa fa-fw fa-video-camera"></i> 视频教程</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="https://novel.818tu.com/login/logout">
                                <i class="fa fa-fw fa-power-off"></i> 安全退出
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="main-container" id="main-container">
    <script type="text/javascript">
        try{ace.settings.check('main-container' , 'fixed')}catch(e){}
    </script>

    <div id="sidebar" class="sidebar responsive">
        <script type="text/javascript">
            try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
        </script>

        <ul class="nav nav-list">
            <li>
                <a href="https://novel.818tu.com/backend/notices">
                    <i class="menu-icon fa fa-fw fa-bullhorn"></i>
                    <span class="menu-text">通知公告</span>
                </a>
                <b class="arrow"></b>
            </li>
            <li>
                <a href="https://novel.818tu.com/backend/stats">
                    <i class="menu-icon fa fa-fw fa-bar-chart"></i>
                    <span class="menu-text">数据统计</span>
                </a>
                <b class="arrow"></b>
            </li>
            <li>
                <a href="https://novel.818tu.com/backend/novels/index?order_by=rank desc">
                    <i class="menu-icon fa fa-fw fa-tasks"></i>
                    <span class="menu-text">小说列表</span>
                </a>
                <b class="arrow"></b>
            </li>
            <li>
                <a href="https://novel.818tu.com/backend/referral_links/index">
                    <i class="menu-icon fa fa-fw fa-link"></i>
                    <span class="menu-text">推广链接</span>
                </a>
                <b class="arrow"></b>
            </li>
            <li>
                <a href="https://novel.818tu.com/backend/financial/bills/mine">
                    <i class="menu-icon fa fa-fw fa-sticky-note-o"></i>
                    <span class="menu-text">我的结算单</span>
                </a>
                <b class="arrow"></b>
            </li>
            <li>
                <a href="https://novel.818tu.com/backend/profile/payment">
                    <i class="menu-icon fa fa-fw fa-credit-card"></i>
                    <span class="menu-text">收款信息</span>
                </a>
                <b class="arrow"></b>
            </li>
        </ul>
        <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
            <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
        </div>

        <script type="text/javascript">
            try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
        </script>
    </div>

    <!-- /section:basics/sidebar -->
    <div class="main-content">


        <div class="breadcrumbs" id="breadcrumbs">
            <script type="text/javascript">
                try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
            </script>

            <ul class="breadcrumb">
                <li>
                    <i class="ace-icon fa fa-home home-icon"></i>
                    <a href="/backend/notices">Home</a>
                </li>
                <li class="active">订单统计</li>
            </ul><!-- /.breadcrumb -->

            <!-- /section:basics/content.searchbox -->
        </div>

        <!-- /section:basics/content.breadcrumbs -->
        <div class="page-content">
            <div class="page-content-area">
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->

                        <!--/span-->
                        <!-- left menu ends -->



                        <div style="margin-bottom: 10px;">
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="/backend/stats/orders">订单统计</a></li>
                                <li class=""><a href="/backend/stats/members">用户统计</a></li>
                                <li style="display: none" class=""><a href="/backend/stats/novels">小说统计</a></li>
                            </ul>
                        </div>
                        <script>
                            var uid = null;
                        </script>

                        <div class="row" id="order-summary-stats-panel">
                            <div class="col-md-3">
                                <div class="well">
                                    <b>
                                        今日充值 <i class="fa fa-question-circle" title="非实时, 延迟 5 分钟左右"></i>
                                        <span style="font-weight:normal;font-size:13px;color:#090" class="pull-right">
                    <span data-bind="text: refresh_seconds_left"></span> 秒后刷新
                </span>
                                    </b>
                                    <div class="text-primary" style="font-size:32px;margin:5px 0">
                                        &yen;<span data-bind="price: stats_today.paid_amount"></span>
                                    </div>
                                    <div class="container-fluid">
                                        <div class="row">
                                            <div class="col-sm-6" style="padding:0">
                                                <strong>普通充值</strong>
                                                <div><b class="text-primary" data-bind="price: stats_today.welth_order_paid_amount"></b></div>
                                                <div>已支付: <b class="text-warning" data-bind="text: stats_today.welth_order_paid_count"></b> 笔</div>
                                                <div>未支付: <b class="text-warning" data-bind="text: stats_today.welth_order_unpaid_count"></b> 笔</div>
                                                <div>
                                                    完成率: <b class="text-warning"><span data-bind="text: Math.round(stats_today.welth_order_completion_rate() * 100)"></span> %</b>
                                                </div>
                                            </div>
                                            <div class="col-sm-6" style="padding:0">
                                                <strong>年费VIP会员</strong>
                                                <div><b class="text-primary" data-bind="price: stats_today.vip_order_paid_amount"></b></div>
                                                <div>已支付: <b class="text-warning" data-bind="text: stats_today.vip_order_paid_count"></b> 笔</div>
                                                <div>未支付: <b class="text-warning" data-bind="text: stats_today.vip_order_unpaid_count"></b> 笔</div>
                                                <div>
                                                    完成率: <b class="text-warning"><span data-bind="text: Math.round(stats_today.vip_order_completion_rate() * 100)"></span> %</b>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="well">
                                    <b>昨日充值</b>
                                    <div class="text-primary" style="font-size:32px;margin:5px 0">
                                        &yen;<span data-bind="price: stats_yesterday.paid_amount"></span>
                                    </div>
                                    <div class="container-fluid">
                                        <div class="row">
                                            <div class="col-sm-6" style="padding:0">
                                                <strong>普通充值</strong>
                                                <div><b class="text-primary" data-bind="price: stats_yesterday.welth_order_paid_amount"></b></div>
                                                <div>已支付: <b class="text-warning" data-bind="text: stats_yesterday.welth_order_paid_count"></b> 笔</div>
                                                <div>未支付: <b class="text-warning" data-bind="text: stats_yesterday.welth_order_unpaid_count"></b> 笔</div>
                                                <div>
                                                    完成率: <b class="text-warning"><span data-bind="text: Math.round(stats_yesterday.welth_order_completion_rate() * 100)"></span> %</b>
                                                </div>
                                            </div>
                                            <div class="col-sm-6" style="padding:0">
                                                <strong>年费VIP会员</strong>
                                                <div><b class="text-primary" data-bind="price: stats_yesterday.vip_order_paid_amount"></b></div>
                                                <div>已支付: <b class="text-warning" data-bind="text: stats_yesterday.vip_order_paid_count"></b> 笔</div>
                                                <div>未支付: <b class="text-warning" data-bind="text: stats_yesterday.vip_order_unpaid_count"></b> 笔</div>
                                                <div>
                                                    完成率: <b class="text-warning"><span data-bind="text: Math.round(stats_yesterday.vip_order_completion_rate() * 100)"></span> %</b>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="well">
                                    <b>本月充值 (不含当日) <i class="fa fa-question-circle" title="不含当日，非实时，每天凌晨2:30左右更新"></i> </b>
                                    <div class="text-primary" style="font-size:32px;margin:5px 0">
                                        &yen;<span data-bind="price: stats_this_month.paid_amount"></span>
                                    </div>
                                    <div class="container-fluid">
                                        <div class="row">
                                            <div class="col-sm-6" style="padding:0">
                                                <strong>普通充值</strong>
                                                <div><b class="text-primary" data-bind="price: stats_this_month.welth_order_paid_amount"></b></div>
                                                <div>已支付: <b class="text-warning" data-bind="text: stats_this_month.welth_order_paid_count"></b> 笔</div>
                                                <div>未支付: <b class="text-warning" data-bind="text: stats_this_month.welth_order_unpaid_count"></b> 笔</div>
                                                <div>
                                                    完成率: <b class="text-warning"><span data-bind="text: Math.round(stats_this_month.welth_order_completion_rate() * 100)"></span> %</b>
                                                </div>
                                            </div>
                                            <div class="col-sm-6" style="padding:0">
                                                <strong>年费VIP会员</strong>
                                                <div><b class="text-primary" data-bind="price: stats_this_month.vip_order_paid_amount"></b></div>
                                                <div>已支付: <b class="text-warning" data-bind="text: stats_this_month.vip_order_paid_count"></b> 笔</div>
                                                <div>未支付: <b class="text-warning" data-bind="text: stats_this_month.vip_order_unpaid_count"></b> 笔</div>
                                                <div>
                                                    完成率: <b class="text-warning"><span data-bind="text: Math.round(stats_this_month.vip_order_completion_rate() * 100)"></span> %</b>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="well">
                                    <b>累计充值 (不含当日) <i class="fa fa-question-circle" title="不含当日，非实时，每天凌晨2:30左右更新"></i> </b>
                                    <div class="text-primary" style="font-size:32px;margin:5px 0">
                                        &yen;<span data-bind="price: stats_all_time.paid_amount"></span>
                                    </div>
                                    <div class="container-fluid">
                                        <div class="row">
                                            <div class="col-sm-6" style="padding:0">
                                                <strong>普通充值</strong>
                                                <div><b class="text-primary" data-bind="price: stats_all_time.welth_order_paid_amount"></b></div>
                                                <div>已支付: <b class="text-warning" data-bind="text: stats_all_time.welth_order_paid_count"></b> 笔</div>
                                                <div>未支付: <b class="text-warning" data-bind="text: stats_all_time.welth_order_unpaid_count"></b> 笔</div>
                                                <div>
                                                    完成率: <b class="text-warning"><span data-bind="text: Math.round(stats_all_time.welth_order_completion_rate() * 100)"></span> %</b>
                                                </div>
                                            </div>
                                            <div class="col-sm-6" style="padding:0">
                                                <strong>年费VIP会员</strong>
                                                <div><b class="text-primary" data-bind="price: stats_all_time.vip_order_paid_amount"></b></div>
                                                <div>已支付: <b class="text-warning" data-bind="text: stats_all_time.vip_order_paid_count"></b> 笔</div>
                                                <div>未支付: <b class="text-warning" data-bind="text: stats_all_time.vip_order_unpaid_count"></b> 笔</div>
                                                <div>
                                                    完成率: <b class="text-warning"><span data-bind="text: Math.round(stats_all_time.vip_order_completion_rate() * 100)"></span> %</b>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <script>
                            var OrderSummaryStatsPanel = function () {
                                var self = this;
                                var inited = false;
                                var uid = null;
                                var countdownIntervalId = null;
                                var refreshIntervalSeconds = 60;
                                var model = {
                                    refresh_seconds_left: ko.observable(refreshIntervalSeconds),
                                    stats_today: createStats(),
                                    stats_this_month: createStats(),
                                    stats_yesterday: createStats(),
                                    stats_all_time: createStats()
                                };

                                this.init = function () {
                                    if (!inited) {
                                        ko.applyBindings(model, document.getElementById('order-summary-stats-panel'));
                                        inited = false;
                                    }
                                };

                                this.load = function (options) {
                                    self.init();

                                    uid = options && options.uid ? options.uid : null;

                                    $.when(
                                        self.loadStatsToday(),
                                        self.loadStatsYesterday(),
                                        self.loadStatsThisMonth(),
                                        self.loadStatsAllTime()
                                    )
                                        .then(function () {
                                            self.startRefreshTimer();
                                        });
                                };

                                this.startRefreshTimer = function () {
                                    countdownIntervalId = setInterval(function () {
                                        model.refresh_seconds_left(model.refresh_seconds_left() - 1);

                                        if (model.refresh_seconds_left() === 0) {
                                            clearInterval(countdownIntervalId);
                                            self.loadStatsToday().then(function () {
                                                model.refresh_seconds_left(refreshIntervalSeconds);
                                                self.startRefreshTimer();
                                            });
                                        }
                                    }, 1000);
                                };

                                this.loadStatsToday = function () {
                                    return $.get('/backend/order_stats/api_get_stats_today/' + (uid || ''), function (data) {
                                        ko.mapping.fromJS(data, {}, model.stats_today);
                                    });
                                };

                                this.loadStatsYesterday = function () {
                                    return $.get('/backend/order_stats/api_get_stats_yesterday/' + (uid || ''), function (data) {
                                        ko.mapping.fromJS(data, {}, model.stats_yesterday);
                                    });
                                };

                                this.loadStatsThisMonth = function () {
                                    return $.get('/backend/order_stats/api_get_stats_this_month/' + (uid || ''), function (data) {
                                        ko.mapping.fromJS(data, {}, model.stats_this_month);
                                    });
                                };

                                this.loadStatsAllTime = function () {
                                    return $.get('/backend/order_stats/api_get_stats_all_time/' + (uid || ''), function (data) {
                                        ko.mapping.fromJS(data, {}, model.stats_all_time);
                                    });
                                };

                                function createStats() {
                                    return {
                                        paid_amount: ko.observable(),
                                        paid_order_count: ko.observable(),
                                        unpaid_order_count: ko.observable(),
                                        vip_order_paid_amount: ko.observable(),
                                        vip_order_paid_count: ko.observable(),
                                        vip_order_unpaid_count: ko.observable(),
                                        vip_order_completion_rate: ko.observable(),
                                        welth_order_paid_amount: ko.observable(),
                                        welth_order_paid_count: ko.observable(),
                                        welth_order_unpaid_count: ko.observable(),
                                        welth_order_completion_rate: ko.observable()
                                    }
                                }
                            };

                            OrderSummaryStatsPanel.instance = new OrderSummaryStatsPanel();
                        </script><div class="panel panel-default" id="order-daily-stats-panel">
                        <div class="panel-heading">
                            <h3 class="panel-title"><i class="fa fa-calendar"></i> 近30天充值统计</h3>
                        </div>
                        <div class="loading-panel" data-bind="visible: loading">
                            <i class="fa fa-spinner fa-spin"></i>
                        </div>
                        <table class="table table-bordered table-striped" data-bind="visible: !loading()" style="display: none;">
                            <thead>
                            <tr>
                                <th>日期</th>
                                <th class="text-right">充值金额</th>
                                <th class="text-right">普通充值</th>
                                <th class="text-right">普通充值支付订单数</th>
                                <th class="text-right">年费VIP会员</th>
                                <th class="text-right">年费VIP会员支付订单数</th>
                            </tr>
                            </thead>
                            <tbody data-bind="foreach: stats">
                            <tr>
                                <td><span data-bind="date: date"></span></td>
                                <td class="text-right">
                                    <b>&yen; <span data-bind="price: paid_amount"></span></b>
                                </td>
                                <td class="text-right">
                                    <b>&yen; <span data-bind="price: welth_order_paid_amount"></span></b>
                                    <div class="text-muted" style="font-size:13px;margin-top:5px">
                                        充值人数: <span data-bind="text: welth_order_paid_user_count"></span>,
                                        人均: &yen; <span data-bind="price: welth_order_avg_user_paid_amount"></span>
                                    </div>
                                </td>
                                <td class="text-right">
                                    <b><span data-bind="text: welth_order_paid_count"></span> 笔</b>
                                    <div class="text-muted" style="font-size:13px;margin-top:5px">
                                        <span data-bind="text: welth_order_unpaid_count"></span> 笔未支付,
                                        完成率: <span data-bind="text: Math.round(welth_order_completion_rate * 100)"></span> %
                                    </div>
                                </td>
                                <td class="text-right">
                                    <b>&yen; <span data-bind="price: vip_order_paid_amount"></span></b>
                                    <div class="text-muted" style="font-size:13px;margin-top:5px">
                                        充值人数: <span data-bind="text: vip_order_paid_user_count"></span>,
                                        人均: &yen; <span data-bind="price: vip_order_avg_user_paid_amount"></span>
                                    </div>
                                </td>
                                <td class="text-right">
                                    <b><span data-bind="text: vip_order_paid_count"></span> 笔</b>
                                    <div class="text-muted" style="font-size:13px;margin-top:5px">
                                        <span data-bind="text: vip_order_unpaid_count"></span> 笔未支付,
                                        完成率: <span data-bind="text: Math.round(vip_order_completion_rate * 100)"></span> %
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                        <script>
                            var OrderDailyStatsPanel = function () {
                                var self = this;
                                var inited = false;
                                var model = {
                                    loading: ko.observable(true),
                                    stats: ko.observableArray()
                                };

                                this.init = function () {
                                    if (!inited) {
                                        ko.applyBindings(model, document.getElementById('order-daily-stats-panel'));
                                        inited = true;
                                    }
                                };

                                this.load = function (options) {
                                    self.init();

                                    model.loading(true);

                                    var uid = options && options.uid ? options.uid : null;

                                    $.get('/backend/order_stats/api_get_daily_stats/' + (uid || ''), function (stats) {
                                        model.stats(stats);
                                        model.loading(false);
                                    });
                                }
                            };

                            OrderDailyStatsPanel.instance = new OrderDailyStatsPanel();
                        </script>
                        <script>
                            OrderSummaryStatsPanel.instance.load({
                                uid: uid
                            });

                            OrderDailyStatsPanel.instance.load({
                                uid: uid
                            });
                        </script>


                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content-area -->
        </div><!-- /.page-content -->
    </div><!-- /.main-content -->

</div><!-- /.main-container -->

<!-- basic scripts -->

<script type="text/javascript">
    if('ontouchstart' in document.documentElement) document.write("<script src='https://novel.818tu.com/static/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
</script>
<script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/webui-popover/2.1.15/jquery.webui-popover.min.js"></script>
<script src="https://cdn.bootcss.com/blueimp-file-upload/9.18.0/js/vendor/jquery.ui.widget.min.js"></script>
<script src="https://cdn.bootcss.com/blueimp-file-upload/9.18.0/js/jquery.fileupload.min.js"></script>

<!-- page specific plugin scripts -->

<!-- ace scripts -->
<script src="https://novel.818tu.com/static/assets/js/ace-elements.min.js"></script>
<script src="https://novel.818tu.com/static/assets/js/ace.min.js"></script>

<!-- inline scripts related to this page -->

<!-- the following scripts are used in demo only for onpage help and you don't need them -->
<link rel="stylesheet" href="https://novel.818tu.com/static/assets/css/ace.onpage-help.css" />

<script type="text/javascript"> ace.vars['base'] = 'https://novel.818tu.com/static'; </script>
<script src="https://novel.818tu.com/static/assets/js/ace/elements.onpage-help.js"></script>
<script src="https://novel.818tu.com/static/assets/js/ace/ace.onpage-help.js"></script>
</body>
</html>
